<template>
  <button class="btn-ghost" 
    :class="type" 
    :disabled="type === 'disabled'" 
    @click.stop="$emit('on-click')">
    <slot></slot>
  </button>
</template>

<script>
  export default {
    props: {
      type: {  // default, main
        type: String,
        default: ''
      }
    }
  }
</script>